<%@ page contentType="text/html; charset=utf-8" language="java" import="java.util.*,java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>輔大課程書籍交易系統</title>
</head>
<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css"type="text/css" media="all" />
<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.min.css"type="text/css" media="all" />
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.min.js"></script>
<style>
.clear{clear:both;}
.title{text-align:center;}
.page {width:959px; margin:0 auto; padding:0; text-align:left;  }
.content {width:959px; margin:0 auto; padding:0; text-align:left; }
.footer-container {width:959px; margin:0 auto; padding:0; text-align:left; }
.header{padding:20px 0 40px 10px;}

.links li { display:inline; }
.links li.first { padding-left:0 !important; }
.links li.last { background:none !important; padding-right:0 !important; }
.content p {text-align: left;margin:0 20px 0 0;}
.footer-container .page .footer .full-width .copy {text-align: center;}
table td{ height:30px; text-align:left;}

</style>
<script>
    $(function() {
        $( "#gender_radio" ).buttonset();
		
		$( "#datepicker" ).datepicker({
            changeMonth: true,
            changeYear: true,
			yearRange: "1912:2012"
        });
    });
</script>
<body>
<div class="header-container">
    <div class="page">       
        <div class="header">                            
            </div>
            <div class="title">
              <h1 class="ui-widget-header ui-corner-all">輔大課程書籍買賣系統註冊頁面</h1>
            </div>
          <br class="clear"/> 
        </div>         
    </div>
</div>
<div class="content">
	<form method="post" action="">
    <table align="center">
    <tr><td>帳號:</td><td><input type="text" name="mem_account" class="text ui-widget-content ui-corner-all"></td></tr>
    <tr><td>密碼:</td><td><input type="password" name="mem_password" class="text ui-widget-content ui-corner-all"></td></tr>
    <tr><td>姓名:</td><td><input type="text" name="mem_name" class="text ui-widget-content ui-corner-all"></td></tr>
    <tr>
    	<td>性別:</td>
        <td>
        	<div id="gender_radio">
            	<input type="radio" id="radio1" name="mem_gender" value="1"/><label for="radio1">男</label>
                <input type="radio" id="radio2" name="mem_gender" value="2" /><label for="radio2">女</label>
            </div>
        </td>
    </tr>
    <tr><td>生日:</td><td><input type="text" id="datepicker" name="mem_birth" class="text ui-widget-content ui-corner-all"></td></tr>
    <tr><td>電話:</td><td><input type="text" name="mem_phone" class="text ui-widget-content ui-corner-all"></td></tr>
    <tr><td>輔大信箱:</td><td><input type="text" name="mem_mail" class="text ui-widget-content ui-corner-all"></td></tr>
    <tr><td>住址:</td><td><input type="text" name="mem_address" class="text ui-widget-content ui-corner-all"></td></tr>
    <tr><td><input type="submit" class="ui-button"></td><td><input type="reset" class="ui-button"></td></tr>
    </table>
</form>
</div>


<div class="footer-container">
    <div class="page">
    	<div class="footer">
    		<div class="full-width">
        		<br class="clear" />
    			<p class="ui-widget-header ui-corner-all" align="center">© <script type="text/javascript">var mdate = new Date(); document.write(mdate.getFullYear());</script> Fju JoinTeam. All Rights Reserved.</p>
    		</div>
    	</div>
    </div>
</div>

</body>
</html>